<!-- 评价 -->
<template>
    <view class="">
		<!-- 菜单 -->
		<v-tabs name="cate_name" gutter="19" color="#eee" count="cate_count" :list="list" active-color="#000"
			:is-scroll="true" :current="current" @change="changeTabs"></v-tabs>
		<comment :comments="comments" :count="count" :value="value"></comment>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				current: 0,
				list: [{
					cate_name: '全部'
				}, {
					cate_name: '最新'
				}, {
					cate_name: '低分',
				}, ],
				count: 5,
				value: 4,
				comments: [
					{
					id: 0,
					head_img: "/static/img/q.png",
					name: "用户A",
					date: "2021-03-20",
					detail: "服务态度挺好，就是质量稍差了点，总体还行吧",
					price: 380,
					star: "",
				},
					{
					id: 1,
					head_img: "/static/img/q.png",
					name: "用户A",
					date: "2021-03-20",
					detail: "服务态度挺好，就是质量稍差了点，总体还行吧",
					price: 380,
					star: "",
				},
					{
					id: 1,
					head_img: "/static/img/q.png",
					name: "用户A",
					date: "2021-03-20",
					detail: "服务态度挺好，就是质量稍差了点，总体还行吧",
					price: 380,
					star: "",
				},
				],
			};
		},
		mounted() {
		},
		methods: {
			// 获取二级分类的名称，以及下标
			changeTabs(index) {
				this.current = index;
			    this.list_name = this.list[index].cate_name;
			},
		}

	};
</script>

<style scoped lang="scss">
@import  './index.scss';
</style>